/*
      CSS for transsys platform

*/

* { padding: 0; margin: 0; outline:0;}

body { margin: 0 auto; min-width: 960px; max-width: 1920px; -webkit-box-shadow: #999 0px 0px 10px; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}

p { margin: 0px 0 0px; }

div#header { float: left; height: 75px; position: absolute; left:0; top:0; width: 100%; background:  #6B6659 url(../images/logo-bg.jpg) repeat left; z-index: 1100;}

div#footer { clear:both; margin: 0 auto; padding: 10px; height: 80px; position: relative; border-top: 1px solid #CCC; background: #6B6659; }
p.footer-credit{ margin: 0 0 10px 0;  position: absolute; top: 10px; right: 10px;}
#navigation_bar { position: absolute; left:0;  top:75px;  width: 100%; height: 24px; border-bottom: 1px solid #BBB; color: #333; background: #3399CC; z-index: 1100;}

div#left-column {float:left; width: 23%; min-height: 700px; display:block; position: absolute; left:0px; top:0px ; bottom: 0px; border-bottom: 1px solid #CCC; padding-right: 10px; background: #F2F2F2 url(../images/right-column-bg.png) repeat-y right; border-right: 1px solid #DDD; }

div#content-body { float: right; width: auto; min-width: 55%; max-width: 73%; min-height:590px; padding-top: 110px; margin-left: 26%; display:block; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; float:left; position: relative; }

div.right-column { float: right; width: auto; max-width: 14%; min-height:700px; position: absolute; top:0px;right: 0px; bottom: 0px; background: #F2F2F2 url('../images/right-column-bg.png') repeat-y left; }
div.right-column-trick { float: right; width: auto; min-height:700px; position: absolute; top:0px;right: 0px; bottom: 0px; background: #F2F2F2 url('../images/right-column-bg.png') repeat-y left; }
div#left-column .inner ,
div#right-column .inner { padding-right: 10px; padding: 100px 0 0 10px ; display: block;/* border:1px dotted #CCC;*/ }


.hidden {display: none;}
.odd{ background-color:#F0F6EF; }
.even{    /**/}

h2.title {margin-top: 1em; margin-bottom: 1em;}

/*Navigation Bar*/
#navigation {float: left; width: 100%;height: 25px; color: #333; background: #3399CC;}
#navigation_bar {font: bold 14px Verdana; float:left; width:100%; background: #3399CC; line-height:normal;}
#navigation_bar ul { margin:0; padding:3px 10px 2px 10px; list-style:none;}
#navigation_bar li { display:inline; margin:0; padding:0;}
#navigation_bar a { float:left; background:url("images/tableft10.gif") no-repeat left top; margin:0; padding:0 0 5px 4px; }
#navigation_bar a span { float:left; display:block; background:url("images/tabright10.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF;}
#navigation_bar a:hover span { color:#FFF;}
#navigation_bar a:hover { background-position:0% -42px;}
#navigation_bar a:hover span { background-position:100% -42px;}

/*Left navigation bar*/
#controls ul { margin: 10px 8px 10px 8px; padding:4px; background: #E5E5E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#controls ul:hover {background-color: #97B1C7; }
#controls li {list-style: none;}
#controls li a {width:150px; margin: 3px 0 3px 0;}

/*******************************************************************************/

/*Listing style*/
.treeview { margin: 0px 0px 20px 0px; position: relative; }
.treeview .treeview-header { padding: 8px 0px 8px 16px; background: #E5E5E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.treeview .treeview-header h2 { text-align: center; margin: 0; padding:0;  color: #333; font-size: 16px; height:18px; overflow: hidden; border: none; display: inline;}
.treeview .treeview-header h3 { margin: 0; padding:0;  color: #333; font-size: 15px; height:18px; overflow: hidden; border: none; display: inline;}
.treeview .treeview-header h4 { margin: 0; padding:0;  color: #333; font-size: 13px; height:18px; overflow: hidden; border: none; display: inline;}

.treeview .treeview-body { padding: 5px 0; }
.treeview .treeview-toggle a { left: 8px; }
.treeview .treeview-toggle-collapse a { left: 8px; }

.treeview-toggle a { float:left; display: inline-block; background: url(../images/panel-toggle-down.png) no-repeat left; }
.treeview-toggle a:hover { background: url(../images/panel-toggle-down-hover.png) no-repeat left; }
.treeview-toggle-collapse a { position: absolute; top: 6px; left: 10px; width: 12px; height: 20px; display: block; text-indent: -9999px; overflow: hidden; background: url(../images/panel-toggle-right.png) no-repeat left; }
.treeview-toggle-collapse a:hover { background: url(../images/panel-toggle-right-hover.png) no-repeat left; }



ul.list-lv1 { padding: 0;  }
ul.list-lv1 li {  margin-left: 10px; padding: 10px 5px 10px 10px; list-style: none; border-bottom: 0px solid #E6E6E6; background-position: 0 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/*ul.list-lv1 li:hover { background-color: #85CDCD; }*/
.active { background-color: #97B1C7; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
ul.list-lv2 { padding-left: 10px; }

.treeview-footer { margin: 0 5px 0px 0px; min-height: 20px; padding: 10px 0px 10px 10px; text-align: right;}

a.link-button { text-align: center; margin-left: 5px; display: inline-block; height: 16px; padding: 3px 10px 1px 10px; font-size: 11px; /*font-weight: bold;*/ border: 1px solid #D0D2D3; background: url('../images/small-bar-bg.png') repeat-x bottom; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
a:hover.link-button { border: 1px solid #AAA; background: url('../images/small-bar-bg-hover.png') repeat-x bottom; -webkit-box-shadow: #E2E2E2 0px 0px 3px; }
a.link-button-disabled { display: inline-block; height: 16px; padding: 3px 10px 1px 10px; font-size: 11px; background: #F2F2F2; color: #999; border: 1px solid #D0D2D3; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


/*CSS for collap/expand*/

.collap { padding-right: 0em; display: inline-block; float:left; width: 1.3em; height: 1.3em; background: url("../images/panel-toggle-down.png") no-repeat left top;}

.collap:hover{ background-position: 0 -23px; background: url(../images/panel-toggle-down-hover.png) no-repeat left; }

.expand { padding-right: 0em; display: inline-block; float:left; width: 1.3em; height: 1.3em; background: url("../images/panel-toggle-right.png") no-repeat left top;}

.expand:hover { background-position: 0 -23px; background: url(../images/panel-toggle-right-hover.png) no-repeat left; }

.collapsed { padding-top: 0.2em; height: 1.3em; font-size: large; font-style: oblique; background: #E5E5E5; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.collapsed:hover { background-color: #85CDCD; }
/*CSS for delete button*/
.delete { margin-right: 5px; display: inline-block; float:right; width: 1.3em; height: 1.3em; background:lightgray url("../images/fileclose.png") no-repeat left top;}

/*factor listing*/
.treeview-lv1 {    margin:2px 0px 2px 20px;}

/*******************************************************************************/
.edit_form{ margin:0 auto; width:95%; padding:2px;}

div.input_field{ margin:2px 0px 2px 0px; display:inline-block; width: 100%;}

form.edit label{ display:block; font-weight:bold; text-align:left; float:left; width:100%;}

.helptext{ color:#666666; display:block; float:left; font-size:11px;  font-weight:normal; text-align:left; width:100%; margin: 2px 0px 2px 0;}

form.edit input{ float:left; font-size:medium; padding:2px 0 2px 0; border:solid 1px #aacfe4; width:20%; margin:2px 0px 5px 0px;}

form.edit input[readonly]{ border: none; cursor: default;}

form.edit textarea{ float:left; display: inline-block; font-size: medium; padding: 2px 0 2px 0; border:solid 1px #aacfe4; margin:2px 0px 5px 0px;}

form.edit select{ float:left; font-size:medium; padding:2px 0 2px 0; border:solid 1px #aacfe4; width:20%; margin:2px 0px 5px 0px;}

form.edit #addPromoter{ float:right; margin:2px 0px 5px 0px;}

form.edit ul { display:inline-block; width:100%;}

form.edit li { display:inline-block; margin-left:3%; width:97%;}

.input-error{background-color: #FFF2D3;}

#transsys_code {width: 100%; min-height: 600px}

.border {display:inline-block; padding-left: 10px ; border: #aacfe4 thin solid;}
fieldset {display:inline-block; padding-left: 10px ; border:none; width: 100%;}
fieldset legend {margin-left: 10px;}

form.edit button {float:left; display: inline-block; margin:2px 40px 5px 0px;}

div.promoter_element { padding:2px 0px 2px 0px; margin:2px 0px 5px 0px; width:100%;}

div.promoter_element label { font-weight:bold; text-align:left; display:inline; float:left; min-width: 4em; width:auto; padding:2px 0 2px 4px; margin:2px 0px 5px 0px;}

div.promoter_element b{ float:left; text-align:left; font-style: italic; display: inline; padding:2px 0 2px 4px; margin:2px 0px 5px 0px; width: 8em;}

div.promoter_element input{ font-size:medium; padding:2px 0 2px 0; border:solid 1px #aacfe4; width:auto; max-width:8em; margin:2px 0px 5px 2%; display:inline; float:left;}

div.promoter_element select{ text-align: left; float:left; font-size:medium; padding:2px 0 2px 0; border:solid 1px #aacfe4; width:auto; margin:2px 0px 5px 0px;}

div.promoter_element a.del{ margin:0 2px 0 2px; display: inline-block; float:right; width: 2em; height: 2em; background: url("../images/delete.png") no-repeat left top;}


#instruction_list li { display:inline-block; margin:3px 0 3px 3%; width:97%; height: 2em; vertical-align: middle;}

div.instruction_element{ text-align: center; vertical-align: middle; display:inline-block; width: 100%; height: 2em; padding: 0;}

div.instruction_element .index { float:left; display:inline-block; width:10%; padding-left:4px; background-color: lightgray; height: 2em;}
div.instruction_element .index span {font-weight:bold; text-align:left; display:inline-block; padding: 5px 0 0 0;}
div.instruction_element .definition { float:left; display:inline-block; width:70%; padding-left:10px; height: 2em;}
div.instruction_element .control { float:left; display:inline-block; width:17%; padding-left:4px; height: 2em;}

div.instruction_element label { padding:5px 0 0 0; width: auto;font-weight:normal; text-align:left; display:inline; }

div.instruction_element label.long { padding:5px 0 0 2px; min-width: 6em; font-weight:normal; text-align:left; display:inline; }

div.instruction_element b{ padding:5px 0 0 0; float:left; text-align:left; font-style: italic; display: inline; width: 8em;}

div.instruction_element input{ padding:5px 0 0 0; font-size:medium; padding:0; border:solid 1px #aacfe4; width:auto; max-width:8em; margin:0 0 0 0; display:inline; float:left;}

div.instruction_element select{height: 1.5em; margin: 0; text-align: left; float:left; padding:0; border:solid 1px #aacfe4; max-width:10em;}

div.instruction_element a.del { margin:0 2px 0 2px; display: inline-block; float:right; width: 2em; height: 2em; background: url("../images/delete.png") no-repeat left top;}
div.instruction_element a.move-up { margin:0 2px 0 2px; display: inline-block; float:right; width: 2em; height: 2em; background: url("../images/move-up.png") no-repeat left top;}
div.instruction_element a.move-down { margin:0 2px 0 2px; display: inline-block; float:right; width: 2em; height: 2em; background: url("../images/move-down.png") no-repeat left top;}
div.instruction_element a.insert { margin:0 2px 0 2px; display: inline-block; float:right; width: 2em; height: 2em; background: url("../images/insert.png") no-repeat left top;}

.modal {width:430px; height:auto; background-color:#FFFFFF; padding:5px 2px 8px 5px;}

#promoter_form { width:420px; height:auto; background-color:#FFFFFF; padding:5px 2px 8px 5px; /*display:none;*/}

#promoter_form  .modal_header{ background-repeat:no-repeat; width:400px; height:54px; float:left; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:18px; color:#000000; padding:15px 0 0 20px; display:inline-block;}

.clear{clear:both;}

.modal_form { border: solid 1px #b2b2b2; width:400px; /*height:300px;*/ background-color:#FFFFFF; background-repeat:no-repeat; margin-left:5px;}

.modal_form label { font-weight:bold; text-align:left; display:inline; float:left; width:auto; padding:2px 0 2px 0px; margin:2px 0px 5px 0px;}

.modal_form input { margin-right: 20px !important;}

.modal_form div.input_box { display:block; padding-left:5px; float:left; width:100%;}

.modal_form input{ font-size:medium; padding:2px 0 2px 0; border:solid 1px #aacfe4; margin:2px 0px 2px 0px; display:inline; float:left; width: 100px;}

.modal_form select{ float:left; font-size:medium; padding:2px 0 2px 0; border:solid 1px #aacfe4; margin:2px 0px 2px 0px; width: 100px;}

.modal_form #control { text-align:center; margin:2px 40px 5px 0px;}

/*CSS for create transsys instances form*/
#create_ts_instance{ padding:2px 0px 2px 0px; margin:2px 0px 5px 0px; display:inline-block; width:100%;}

#initial_stage{ display: inline-block; float:left; width: 50%; text-align: left; position: relative;}

#generator{ display: inline-block; float:right; position: relative;}

#generator fieldset { width: 250px; padding: 10px; margin: 0px 20px 20px 0;}

#generator fieldset div {display: inline-block; width:100%; margin: 5px;}

#data_set label { font-weight:bold; text-align:right; display:inline; float:left; width:auto; min-width: 5%; padding: 2px 4px 2px 4px; margin: 2px 0px 5px 0px;}

#data_set input{ font-size:small; padding:2px 0 0px 0; border:solid 1px #aacfe4; width:15%; margin:2px 0px 3px 2px; display:inline; float:left;}

#data_set select{ font-size: small; padding: 2px 0 0 0; border:solid 1px #aacfe4; margin:0px 0px 3px 2px; width: 40%; display:inline; float:left; text-align: center;}

#store_data{ display: inline-block; width: 100%;}

#data_set_name { padding:2px 0 2px 4px; margin:2px 0px 5px 0px;}

#fc_table { overflow: auto; width: 95%; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 10px 0 10px 20px; text-align: left; border-collapse: collapse; display: inline-block; float: left;}
#fc_table th { font-size: 14px; font-weight: normal; padding: 1px 1.5px; color: #039; background: #d0dafd; border-right: 1px solid #e8edff;}
#fc_table tr { font-size: 14px; font-weight: normal; padding: 1px 1.5px; color: #039; background: #d0dafd; border-right: 1px solid #e8edff;}
#fc_table td { text-align: center; padding: 1px 1.5px; color: #669; border-top: 1px solid #e8edff; border-right: 1px solid #e8edff; border-bottom: 1px solid #e8edff;}
.oce-first { background: #d0dafd; border-right: 1px solid transparent; border-left: 1px solid transparent; }


/*CSS for message*/
#messages{list-style: None;}
#messages .error { color: white; background-color: red;}
#messages .success { color: white; background-color: green;}

/*CSS for image table*/
table.center1 { border: 1px solid #333; margin-left: auto; margin-right: auto;}

/*CSS for code simgenex textare*/
#simgenex_code {min-width: 90%; min-height: 600px; width: auto; height: auto }
/**/

/*CSS for discimination setup*/
#disciminationSetup {width: 75%; margin: 0 2% 0 2%; padding: 5px 0 5px 5px;}
#disciminationSetup .input-field{float:left; width:90%; margin:0 2% 0 2%;}
#disciminationSetup .input-field select{float:left; width:auto; margin:0 2% 0 2%;}

/*CSS for discimination result*/
#simulation_result {width:75%; margin: 0 2% 0 2%; }